<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>招聘详情</title>
    <link rel="stylesheet" href="/static/plugs/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" href="/static/css/normalize.css">
    <link rel="stylesheet" href="/static/plugs/liuyangPage/index.css">
    <script src="/static/plugs/jquery/jquery-3.1.1.min.js"></script>
    <script src="/static/plugs/bootstrap/jquery.slim.min.js"></script>
    <script src="/static/plugs/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="/initial.js"></script>
    <style>
        .wrap{
            width: 1440px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .search-header{
            width: 1440px;
            height: 100px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            /*border: 1px red solid;*/
            .search-title-wrap{
                display: flex;
                justify-content: center;
                align-items: center;
                .search-title-icon{
                    width: 48px;
                    height: 48px;
                    background: url("/static/images/logo.png") 100% 100%;
                    background-size: contain;
                    margin-right: 20px;
                }
                .search-title a{
                    color:darkmagenta;
                    font-size: 24px;
                    font-weight: bold;
                }
            }
            .search-input-wrap{
                width: 650px;
                height: 80px;
                display: flex;
                align-items: center;
                /*background: grey;*/
            }
            .search-input-wrap input{
                width: 650px;
                height: 60px;
                padding-left: 30px;
                border-radius: 40px;
                border:0.1pt solid rgba(220, 220, 220, 0.8);
            }
            .user-wrap{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                .msg-wrap{
                    margin-right: 20px;
                    display: flex;
                    flex-direction: row;
                }
                .msg-icon{
                    width: 24px;
                    height: 24px;
                    margin-right: 5px;
                    background: url("/static/images/bell2.png") 100% 100%;
                    background-size: contain;
                }
                .user-img img{
                    width: 48px;
                    height: 48px;
                    border-radius: 50%;
                }
                .search-action{
                    /*border: 1px red solid;*/
                    width: 100px;
                    height: 40px;
                    margin-left: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 20px;
                    padding: 2px 10px;
                    background: #bfcdda;
                    color:#ffffff;
                    font-size: 18px;
                    font-weight: 400;
                }
            }
        }

        /*导航条布局*/
        .nav-wrap{
            width: 1440px;
            height: 80px;
            padding-left: 50px;
            .nav-box{
                width: 900px;
                /*margin-top: 20px;*/
                height: 80px;
                font-size: 24px;
                /*border-radius: 30px;*/
                display: flex;
                justify-content: flex-start;
                align-items: center;
                /*background: #333333;*/
            }
            .nav-box div{
                margin-right: 20px;
            }
        }

        .title-wrap{
            width: 1440px;
            height: 200px;
            background: #F2F2F2;
            padding: 20px 50px;
            display: flex;
            justify-content: space-between;
            .title-left{
                .name{
                    height: 50px;
                    font-size: 36px;
                }
                .salary{
                    height: 50px;
                    line-height: 50px;
                    font-size: 26px;
                }
                .requirement{
                    height: 60px;
                    line-height: 60px;
                }
            }
            .title-right{
                width: 300px;
                display: flex;
                justify-content: center;
                align-items: center;
                .apply{
                    width: 240px;
                    height: 60px;
                    background: #8B9CA2;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 60px;
                    color: white;
                    font-size: 20px;
                }
            }
        }
        .job-wrap{
            width: 1440px;
            padding: 20px 50px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            .job-left{
                display: flex;
                flex-direction: column;
                .title{
                    font-size: 20px;
                    font-weight: 700;
                    margin: 10px 0 20px 0;
                }
                .job-des-box, .job-requirement,.job-location{
                    margin-bottom: 20px;
                    font-size: 20px;
                }
                .location{
                    margin: 10px 0;
                    .location-map{
                        width: 900px;
                        height: 400px;
                    }
                }
            }
            .job-right{
                width: 300px;
                .title{font-size: 20px;font-weight: 700;height: 40px;}
                .com-thumb{display: flex;justify-content: center;align-items: center;height: 120px;
                    .com-img{width: 96px;height: 96px;border-radius: 50%}
                }
                .com-name{height:40px;line-height: 40px;text-align: center;}
                .com-type{
                    margin-top: 10px;
                    display: flex;
                    .com-type-icon{
                        width: 24px;
                        height: 24px;
                        margin-right: 5px;
                        background: url("/static/images/scale.png")  no-repeat 100% 100%;
                        background-size: contain;
                    }
                }
                .com-num{
                    margin-top: 10px;
                    display: flex;
                    .com-num-icon{
                        width: 24px;
                        height: 24px;
                        margin-right: 5px;
                        background: url("/static/images/field.png") no-repeat 100% 100%;
                        background-size: contain;
                    }
                }
                .com-des{
                    margin-top: 10px;
                    font-size: 16px;
                }
                .com-link{
                    color: blue;
                    margin-top: 10px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                }
                .com-position{
                    margin-top: 20px;
                    height: 60px;
                    display: flex;
                    justify-content: center;
                }
                .com-position a{
                    width: 240px;
                    height: 60px;
                    background: #8B9CA2;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 60px;
                    color: white;
                    font-size: 20px;
                }
            }
        }

        /*footer布局*/
        .footer-wrap{
            display: flex;
            justify-content: center;
            background: #cccccc;
        }
        .footer{
            width: 1440px;
            height: 60px;

            display: flex;
            justify-content: space-between;
            align-items: center;
            .outer-link{
                display: flex;
                justify-content: space-around;
            }
        }
        .outer-link div a{
            margin-right: 20px;
        }
    </style>
</head>
<body>
<div class="wrap">
    <div class="search-header">
        <div class="search-title-wrap">
            <div class="search-title-icon"></div>
            <div class="search-title"><a href="/index.php">haishuyun</a></div>
        </div>
        <div class="search-input-wrap">
            <input class="search-input" placeholder="请输入查询内容...">
            <div class="search-icon"></div>
        </div>
        <div class="user-wrap">
            <div class="msg-wrap">
                <div class="msg-icon"></div>
                <div class="msg">消息</div>
            </div>
            <div class="user-img">
                <img src="/static/images/thumb.png" alt="暂无头像" onclick="toUser()">
            </div>
            <div class="search-action">
                <div>创作</div>
            </div>
        </div>
    </div>
    <div class="nav-wrap">
        <div class="nav nav-box">
            <div><a href="">关注</a></div>
            <div><a href="">头条</a></div>
            <div><a href="">知识</a></div>
            <div><a href="">政策法规</a></div>
            <div class="nav-product"><a href="/product.php">产品服务</a></div>
            <div><a href="">招聘</a></div>
            <div><a href="">人物</a></div>
            <div><a href="">分享</a></div>
            <div><a href="">企业</a></div>
        </div>
    </div>
    <div class="title-wrap">
        <div class="title-left">
            <div class="name">高级UI设计师</div>
            <div class="salary">12-20K/月</div>
            <div class="requirement">重庆-江北 丨5-10年丨本科丨全职丨20-35岁丨招1人</div>
        </div>
        <div class="title-right">
            <div class="apply">
                <a href="">申请职位</a>
            </div>
        </div>
    </div>
    <div class="job-wrap">
        <div class="job-left">
            <div class="job-des-box">
                <div class="title">职位描述：</div>
                <div class="job-des-detail">1、负责游戏平台类产品设计和规划，尤其是结算系统，确保系统满足公司的需求，并具备良好的用户体验。<br>
                    2、与技术团队合作，确保结算系统的开发和实施按时完成，并符合质量标准。<br>
                    3、协调和培训运营团队，确保他们能够顺利平台功能，尤其是操作结算系统，并解决用户问题。
                </div>
            </div>
            <div class="job-requirement">
                <div class="title">任职要求：</div>
                <div class="job-requirement-detail">1、具备设计类、美术类或相关专业本科或以上学历；有医疗行业产品UI设计经验(有Axure和墨刀使用经验优先)；<br>
                    2、熟练使用Photoshop等设计软件，熟悉蓝湖等协同工具；<br>
                    3、有PPT的制作和设计经验，有平面设计经验；<br>
                    4、有插画能力；<br>
                    5、良好的沟通能力、需求理解能力、工作总结能力。<br>
                    职位福利：周末双休、全勤奖、餐补、车补、话补、项目奖金<br>
                    任职部门：设计部
                </div>
            </div>
            <div class="job-location">
                <div class="title">工作地点：</div>
                <div class="location-name">重庆市九龙坡区渝州路街道华宇名都商务楼8层</div>
                <div class="location">
                    <img class="location-map" src="/static/images/location.png">
                </div>
            </div>
        </div>
        <div class="job-right">
            <div class="title">职位发布者：</div>
            <div class="com-thumb"><img class="com-img" src="/static/images/thumb.png"></div>
            <div class="com-name">重庆名号医院</div>
            <div class="com-type"><div class="com-type-icon"></div><div>互联网/电子商务</div></div>
            <div class="com-num"><div class="com-num-icon"></div><div>50-100人</div></div>
            <div class="com-des">
                庆医盟信科数据科技有限有限公司成立于2019年，目前拥有来自重庆市各大三甲公立医院的1000＋优质医生资源。是专业从事互联网医疗行业的企业，业务范围包括：为医院提供互联网化的解决方案
            </div>
            <div class="com-link"><a href="#">公司主页</a>>>></div>
            <div class="com-position"><a href="#">查看公司全部职位</a></div>
        </div>
    </div>
</div>
<div class="footer-wrap">
    <div class="footer">
        <div class="copyright">Copyright © 2023 海数云 版权所有 渝ICP备2022012388号</div>
        <div class="outer-link">
            <div><a href="">用户协议</a></div>
            <div><a href="">隐私政策</a></div>
            <div><a href="">媒体合作</a></div>
            <div><a href="">广告合作</a></div>
            <div><a href="">友情链接</a></div>
            <div><a href="">反馈建议</a></div>
        </div>
    </div>
</div>
</body>
<script>
</script>
</html>